/**
* Copyright 2009 Waag Society <http://www.waag.org>
* This file is part of Annotrax.
*
* Annotrax is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License,
* or (at your option) any later version.
*
* Annotrax is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Annotrax.
* If not, see http://www.gnu.org/licenses/gpl.html
*/

@import "reset.css";
body, html{
	padding: 0;
	margin: 0;
	font: normal 12px/16px sans-serif;
	color: #333;
    background: #fff;
}

a img{
    border: none;
}

textarea{
	height: 60px;
	width: 90%;
	font: inherit;
}

textarea#content{
    height: 400px;
}

a, a:hover, a:visited, a:focus, a:active{
    color:#C4294D;
    text-decoration: none;
}

.section{
    padding: 3px 25px 3px 25px;
    overflow: hidden;
}

form{
    clear: both;
}

form:after{
    content: "* required field";
    color: #C4294D;
}

fieldset{
    border: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
    display: block;
}

input[type="submit"]{
    float: right;
	padding: 0 7px 0 7px;
}

label, legend{
    text-transform: capitalize;
}

label.required:after{
    content: "*";
    color: #C4294D;
}

#head{
    line-height: 45px;
}

#head h1{
    float: left;
}

#head .buttonBar{
    float: right;
}

#nav{
    background: #C4294D;
    line-height: 12px;
}

#nav a:last-child{
    border: none;
}

#nav a{
    float: left;
    color: #fff;
    height: 12px;
    border-right: 1px solid #fff;
    margin: 3px 7px 3px 0;
    padding-right: 7px;
}

#nav a.active{
    color: #ccc;
}

#controller{
    width: 700px;
}

#controller p{
    clear: both;
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 7px 0 7px 0;
}

#controller > ul{
    clear: both;
}

#controller ul li{
    border-bottom: 1px solid #ccc;
    padding: 5px;
	float: left; clear: both; width: 100%;
}

#controller ul li a{
    color: #333;
    background-color: #eee;
    border: 1px solid #ccc;
    width: 70px;
	float: right;
	margin-left: 7px;
    text-align: center;
}

#controller h1{
    float: right;
    font-style: oblique;
    margin-bottom: 12px;
}

.pager{
	line-height: 200%;
}

#add{
	line-height: 200%;
    float: right;
    font-style: oblique;
    margin-bottom: 12px;
}

.floatLeft{
	float: left;
}
